<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>Document</title>
		<script src="./vue.global.js"></script>
		<link rel="stylesheet" href="./index.css" />
		<link rel="stylesheet" href="./table.css" />
		<link rel="stylesheet" href="./pugong.css" />
		<link rel="stylesheet" href="./utils.css" />
		<script src="./index.full.js"></script>

		<script>
			//适配代码
			(function(doc, win) {
				var docEI = doc.documentElement,
					resizeEvt =
					"orientationchange" in window ? "orientataionchange" : "resize",
					recalc = function() {
						var clientWidth = docEI.clientWidth;
						if (!clientWidth) return;
						//100是字体大小，1536是开发时浏览器窗口的宽度，等比计算
						docEI.style.fontSize = 100 * (clientWidth / 1536) + "px";
					};

				if (!doc.addEventListener) return;
				win.addEventListener(resizeEvt, recalc, false);
				doc.addEventListener("DOMContentLoaded", recalc, false);
			})(document, window);
		</script>
		<style>
			* {
				/* margin: 0;
        padding: 0; */
				font-size: 0.15rem;
			}
		</style>
	</head>

	<body>
		<div id="app" class="table-content text-left ">
			<h3 class="text-center mb-2" style="font-size: 0.25rem">岗位危险告知书</h3>


			<div class="text-indent">
				你将从事的机动车驾驶作业，存在着倾翻、高空坠落、交通事故等岗位危险，予以告知。你在作业时务必遵守相关的规章制度和操作规程，并熟记作业要点及其特性，掌握好相应的安全防范技能；进入作业场所后，要进行重新检查，发现异常情况和不安全因素必须及时采取有效措施排除；要正确使用和佩戴劳动保护用品，在做好自我防范的同时，还要首先认真观察你的作业环境是否存在交叉作业干扰、车辆及设备影响、孔洞临边风险，在确认安全的条件下作业。同时对以下针对性措施必须经常对照执行：
			</div>
			<div class="text-indent">1.车辆装载与搭人应严格执行交通规则的规定，严禁搭乘与工作无关的人员，驾驶机动车时严禁穿拖鞋。</div>
			<div class="text-indent">2.车辆时速应严格遵守相关规定。前后两车应保持安全距离。行驶中，应随时注意交通标志和道路情况，服从交通指挥人员和信号指挥，不得违反交通规则(条例)。</div>
			<div class="text-indent">3.施工道路应限速行驶，遵守项目部运料车辆的相关规定，并服从现场人员的指挥，做好配合工作。</div>
			<div class="text-indent">
				4.严禁强行超车，禁止在刚超越后立即右驾方向或制动。驾车必须遵守有关规定，在狭路、弯道、下坡、冰雪道路、交叉路口、过桥、交通岗附近、设有禁令标志路段及其它有障碍或视线不清的路上禁止超车。</div>
			<div class="text-indent">5.通过交叉路口和岔道应先减速、鸣号，观察人车往来，随时做好制动准备，通过公路平交叉路时，禁止抢道。</div>
			<div class="text-indent">6.禁止在雨天、雪、雾天、夜间盲目行驶。雨中行驶，应尽量避免靠近路边和采用紧急制动或急速转向。</div>
			<div class="text-indent">7.雾天行驶，必须打开黄色雾灯，严禁超车。雾天能见度低于5米时，不得继续行驶，可打开视宽灯停车休息。</div>
			<div class="text-indent">8.冰雪道路行驶，应适当控制车速，握稳转向盘。会车应选择比较安全的地方，不得猛打猛回转向盘，不得在冰冻路面上使用紧急制动。必要时应配置防滑链。</div>
			<div class="text-indent">9.高速公路行驶应自觉遵守高速公路行驶条例，无特殊情况不得随意停车，遇到车辆出故障，应停在行车道右侧，白天设三角警示牌，晚上开警示灯，并及时通知交警部门。</div>
			<div class="text-indent">10.夜间行车前，应预先检查灯光，并特别注意指挥信号和施工信号。</div>
			<div class="text-indent">11.严禁机动车熄火、挂空档或踩离合器溜坡。</div>
			<div class="text-indent">12.下长坡、陡坡前，应试踏制动器是否有效，下险峻山坡前，须停车检查转向系、制动系及轮胎等。下坡时应挂档，利用发动机阻力控制车速。平时应认真及时地做好车辆清洁保养工作。
			</div>




			<div class="d-flex flex-row mt-2 justify-content-between">
				<div>
					<div @click="setUpEquipment('stationForm.announcer','TaskSignFinger')">告知者（签字）： </div>
					<el-image v-show="stationForm.announcer" class="sign_img" :src="stationForm.announcer" fit="fill"></el-image>
					<div>
						<el-input v-model="stationForm.year" class="people-input" placeholder=" " style="width: 0.8rem"></el-input>
						年
						<el-input v-model="stationForm.month" class="people-input" placeholder=" " style="width: 0.5rem"></el-input>
						月
						<el-input v-model="stationForm.day" class="people-input" placeholder=" " style="width: 0.5rem"></el-input>
						日
					</div>
				</div>
				<div>
					<div @click="setUpEquipment('stationForm.announcerd','TaskSignFinger')">被告知者（签字）：</div>
					<el-image v-show="stationForm.announcerd" class="sign_img" :src="stationForm.announcerd"
						fit="fill"></el-image>
					<div>
						<el-input v-model="stationForm.year1" class="people-input" placeholder=" " style="width: 0.8rem"></el-input>
						年
						<el-input v-model="stationForm.month1" class="people-input" placeholder=" "
							style="width: 0.5rem"></el-input>
						月
						<el-input v-model="stationForm.day1" class="people-input" placeholder=" " style="width: 0.5rem"></el-input>
						日
					</div>
				</div>
			</div>

		</div>
		<script>
			const {
				createApp,
				reactive,
				toRefs,
				ref,
				onMounted
			} = Vue;
			const vue3Composition = {
				setup() {
					const stationForm = ref({
						year: "",
						month: "",
						day: "",
						year1: "",
						month1: "",
						day1: "",
						announcer: "", //告知者
						announcerd: '', //被告知者
					});

					window.setSign = (event) => {
						stationForm.value[event.key] = event.img;
					};


					window.getData = (event) => {
						return stationForm.value;
					};
					window.setData = (data) => {
						stationForm.value = data;
					};

					//peopleForm.sign
					const setUpEquipment = (key, type) => {
						window.parent.childListener({
							key,
							type,
						});
					};
					return {
						stationForm,
						setUpEquipment,
					};
				},
			};
			const app = createApp(vue3Composition)
				.use(ElementPlus)
				.mount("#app");
		</script>
	</body>
</html>